import React from 'react';
import {Dimensions, Platform, ScrollView, StyleSheet} from 'react-native';
import {connect} from 'react-redux';
import HTML from 'react-native-render-html';
import {I18n} from '../../reducers/intl';

class ProductSettingScreen extends React.PureComponent {
  static navigationOptions = () => ({
    headerBackTitleStyle: Platform.OS === 'ios' && {
      height: 0,
      width: 0,
    },
    title: I18n.t('page.title.productSetting'),
  });

  render() {
    return (
      <ScrollView style={Styles.container}>
        <HTML
          html={`<p>${I18n.t('html.productSetting')}</p>`}
          imagesMaxWidth={Dimensions.get('window').width}
        />
      </ScrollView>
    );
  }
}

const mapStateToProps = state => ({
  device: state.device,
});

export default connect(mapStateToProps, null)(ProductSettingScreen);

const Styles = StyleSheet.create({
  container: {
    flex: 1,
    padding: 15,
  },
});
